ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;} address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;} a{ text-decoration:none; color:#333;} a:hover{ cursor: pointer;} img{ border: 0; max-width: 100%;} table{ border-collapse: collapse; border-spacing: 0;} h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;} h1{ font-size: 36px;} h2{ font-size: 24px;} h3{ font-size: 22px;} h4{ font-size: 18px;} h5{ font-size: 14px;} h6{ font-size: 12px;} input,table,tr,td{ margin: 0; padding: 0; border: none;} p{ margin: 0; padding: 0;} button,table{ border: none; background: none; margin: 0; padding: 0;} select{ margin: 0; padding: 0; outline: none;} textarea{ border: 0; background: none; resize: none; outline: 0;} input{ outline: 0; border: 0; background: none;} button{ outline: none; border: 0; background: none;} ._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;} body{ overflow-x:hidden; overflow-y:auto;} .ctext{ float:left; width:100%; padding-left:80px; padding-right:80px;} @media screen and (max-width:1024px){ .ctext{ padding-left:15px; padding-right:15px;} } .head{ position:fixed; left:0; top:0; background:#fff; z-index:16; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .head.active{ box-shadow:0 5px 10px rgba(0,0,0,0.1);} .head.on{ box-shadow:0 1px 1px rgba(0,0,0,0.05);} .head .logo{ float:left; line-height:0; margin:26px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .head .logo img{ max-width:none; height:48px;} .head.active .logo{ margin:16px 0;} .head .lang{ float:right; position:relative; z-index:9; text-align:center; padding:0 20px;} .head .lang:after{ float:left; width:1px; height:16px; background:#7f7f7f; content:''; position:absolute; top:50%; margin-top:-8px; right:0;} .head .lang .ico{ float:left; width:18px; height:18px; margin:41px 0; cursor:pointer; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .head .lang .sub{ display:none; float:left; width:100px; position:absolute; left:50%; top:100%; z-index:5; transform:translate(-50%,0); -ms-transform:translate(-50%,0); } .head .lang .sub a{ float:left; width:100%; background:#212121; color:#fff; font-size:14px; line-height:30px; padding:0 10px; margin-bottom:1px;border-radius:2px;} .head .lang .sub a:hover{ background:#f20101;} .head .lang:hover .sub{ display:block; } .head.active .lang .ico{ margin:31px 0;} .head .so_box{ float:right; position:relative; z-index:5; padding-left:20px;} .head ._but{ float:left; width:18px; height:18px; cursor:pointer; margin:41px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .head .so_but{ display:none;float:left; width:260px; position:absolute; right:0; top:100%; z-index:99;} .head .so{ float:left; width:100%; background:#212121; position:relative;border-radius:2px; overflow:hidden;} .head .so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:24px; padding:6px 46px 6px 15px; color:#fff; font-size:14px;} .head .so .sear_sub{ float:right; width:46px; height:36px; border:none;background:url(../_im_g/sub1.png) center no-repeat; position:absolute; right:0; top:0;} .head .so ::-webkit-input-placeholder{color:#fff;} .head .so :-moz-placeholder{color:#fff;} .head .so ::-moz-placeholder{color:#fff;} .head .so :-ms-input-placeholder{color:#fff;} .head .so_box:hover .so_but{ display:block;} .head.active ._but{ margin:31px 0;} .menu{ float:right; width:65.5%; margin-right:3.5%;} .menu .ul{ float:left; width:100%; display: flex; justify-content: space-between;} .menu .nli{ float:left; position:relative;} .menu .nli span a{ float:left; color:#010101; font-size:16px; line-height:100px; } .menu .ul .nli.active span a{ color:#f20101; font-weight:bold;} .menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; transform:translate(-50%,0); -ms-transform:translate(-50%,0);} .menu .sub li{ float:left; width:100%; margin-bottom:1px;} .menu .sub li a{ float:left; width:100%; color:#fff; background:rgba(0,0,0,0.6); border-radius:2px; font-size:14px; line-height:20px; padding:8px 20px; white-space:nowrap;} .menu .sub li a:hover{ background:#f20101;} .head.active .menu .nli span a{ line-height:80px; } .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:56px 15px; display: none; z-index:15; background:#212121;} .xialaph .ul2, .xialaph .ul3{ display: none;} .xialaph h4 a{ float: left; width:100%; color: #fff; font-size:16px; line-height: 50px;} .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} .xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;} .xialaph h4 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);} .xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #e7222f; border-right:1px solid #e7222f; opacity:1} .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.2;} .xialaph li:first-child h4::after{ display:none;} .xialaph li:last-child h4::before{ display:none;} .xialaph h4:hover a{ color: #e7222f; font-weight:bold;} .xialaph h5:hover a{ color: #e7222f;} .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity:0.2;} .xialaph h5 a{ float: left; width:100%; color: #fff; font-size: 14px; line-height: 40px; text-transform: uppercase;} .xialaph h5{ float: left; width: 100%; position: relative;} .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;} .xialaph li:last-child h5::after{ display:none;} .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right:5px; cursor: pointer;} .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none;} .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block;} .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;} .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;} .xialaph li:last-child .ul3::after{ display: none;} .xialaph .ul3 li{ float:left; width:100%;} .xialaph .ul3 li a{ float:left; width:100%; color: #666; font-size: 14px; line-height:24px; display: block; position:relative; padding-left:12px;} .xialaph .ul3 li a:hover{ color:#14264e;} .xialaph .ul3 li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#03a5f0;} .xialaph .ul3 li:first-child{ padding-top: 0;} .xialaph .phsou{ position: relative; margin-top: 34px;} .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;} .xialaph .img_d, .xialaph .disno{ display: none;} .so_ph{ float:left; width:100%; background:rgba(255,255,255,0.1); position:relative;border-radius:2px; overflow:hidden; margin-top:10px;} .so_ph .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:24px; padding:6px 46px 6px 15px; color:#fff; font-size:14px;} .so_ph .sear_sub{ float:right; width:46px; height:36px; border:none;background:url(../_im_g/sub1.png) center no-repeat; position:absolute; right:0; top:0;} .so_ph ::-webkit-input-placeholder{color:#fff} .so_ph :-moz-placeholder{color:#fff} .so_ph ::-moz-placeholder{color:#fff} .so_ph :-ms-input-placeholder{color:#fff} .menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:15px 0;} .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px;} .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #e7222f; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #e7222f; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .menuph .navbtn::after { top: -11px;} .menuph .navbtn::before { top: 10px;} .menuph .point.active .navbtn{ background: transparent;} .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} @media screen and (max-width:1600px){ .head .logo img { height:38px; margin:5px 0;} .menu{ margin-right:0.5%;} .menu .nli span a{ font-size:15px;} } @media screen and (max-width:1300px){ .head .logo img { height:28px; margin:10px 0;} .menu{ margin-right:0;} .menu .nli span a{ font-size:12px;} .head .so_box{ padding-left:14px;} .head .lang{ padding:0 14px;} .head .lang .sub{ width:80px;} .head .lang .sub a{ font-size:12px;} } @media screen and (max-width:1024px){ .menu{ display:none;} .menuph{ display:block;} .head .tel{ display:none;} .head .so_box{ display:none;} .head .logo{ margin:12px 0;} .head .logo img { margin:0;} .head.active .logo{ margin:12px 0;} .head .lang:after{ display:none;} .head .lang .ico{ margin:17px 0;} .head.active .lang .ico{ margin:17px 0;} .xialaph{ padding:52px 15px;} } .pf_right{ float:left; width:70px; position:fixed; z-index:14; right:1px; bottom:30%; display:none;} .pf_right ul{ float:left; width:100%;} .pf_right ul li{ float:left; width:100%; position:relative; margin-top:1px;} .pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; background:#58595b; padding:7px 0;} .pf_right ul li:hover a{ background:#ee0000;} .pf_right ul li a i{ float:left; width:100%; line-height:0; text-align:center;} .pf_right ul li a i img{ width:32px; height:32px; margin:0 auto;} .pf_right ul li a h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; margin-top:2px; text-align:center;} .pf_right ul li:hover a h5{ color:#fff;} .pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); right:-300px; background:#ee0000; line-height:26px; color:#fff; font-size:16px; white-space:nowrap; padding:8px 17px; border-radius:3px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .pf_right .pf_tel:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #ee0000; margin-top:-6px; } .pf_right ul li:hover .pf_tel{ right:76px;} @media screen and (max-width:1024px){ .pf_right{ right:0; top:auto; bottom:0; height:50px; width:100%; display:block !important; opacity:1 !important;} .pf_right ul li{ width:33.33%; margin-top:0;} .pf_right ul li a{ padding:6px 0 4px 0; background:#f20000;} .pf_right ul li a i img{ width:20px; height:20px;} .pf_right ul li a h5{ font-size:12px; line-height:20px; margin-top:0;} .pf_right ul li:hover .pf_tel{ display:none !important;} .pf_right .pf_tel, .pf_right ul li:hover .pf_tel{ display:none !important;} } ._hei{ display:none; width:100%; float:left; height:50px;} .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#14264e; z-index:6; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2); position:relative;} .pf_down li .ico7{ width:100%; float:left; height:20px; position:relative; z-index:2;} .pf_down li .ico7 img{ width:20px; height:20px;} .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; position:relative; z-index:2;} .footer{ background:#212121;} .foot_t{ float:left; width:100%; display: flex; justify-content: space-between; margin:54px 0; } ._nav{ float:left; display:flex; flex-direction:column; padding-right:15px; } ._nav h4{ float:left; color:#fff; font-size:18px; line-height:30px; position:relative; padding-bottom:18px; white-space:nowrap; } ._nav h4:after{ float:left; width:20px; height:2px; content:''; position:absolute; left:0; bottom:0; background:#fff; opacity:0.3;} ._nav ul{ float:left; display:flex; flex-direction:column; margin-top:22px; } ._nav ul li{ float:left; margin:4px 0; } ._nav ul li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:22px; height:22px; overflow:hidden;} ._nav ul li a:hover{ color:#de0010;} .weima{ float:left; display:flex; flex-direction:column; align-items:flex-end; } .weima i{ float:left; line-height:0;} .weima i img{ max-width:none; /*height:30px;*/ width:116px;} .weima em{ float:left; line-height:0; margin:45px 0 16px 0; display:block; } .weima em img{ width:116px;} .weima .bdshare{ float:left;} .weima .bdshare a{ width:30px !important; height:30px !important; margin:0 0 0 13px !important;} .weima .bdshare .bds_more{ background:url(../_im_g/foot3.png) center no-repeat !important;} .weima .bdshare .bds_weixin{ background:url(../_im_g/foot4.png) center no-repeat !important;} .weima .bdshare .bds_tsina{ background:url(../_im_g/foot5.png) center no-repeat !important;} .bd_weixin_popup{ box-sizing:content-box;} .Copyright{width:100%; float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; text-align:center; border-top:1px solid rgba(255,255,255,0.14); padding:25px 0; } .Copyright a{ color:#fff;} .Copyright .ICP{ margin-left:18px;} .Copyright a:hover{ color:#de0010;} @media screen and (max-width:1600px){ ._nav ul{ margin-top:16px;} ._nav h4{ font-size:16px; line-height:26px;} ._nav ul li a{ font-size:13px;} /*.weima i img{ height:24px;}*/ } @media screen and (max-width:1024px){ ._hei{ display:block;} .foot_t{ margin:25px 0; flex-wrap:wrap; } .Copyright{ padding:15px 0;} ._nav{ display:none; width:100%; margin:6px 0 0 0; padding-right:0;} ._nav h4{ background:rgba(255,255,255,0.1); padding:4px 12px; border-radius:3px; font-size:16px;} ._nav h4:after{ display:none;} ._nav h4:before{ float:left; width:10px; height:10px; content:''; position:absolute; right:12px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; opacity:0.5; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:-6px; } ._nav ul{ display:none; margin-top:0; padding:10px 15px 5px 15px;} ._nav ul li{ width:100%; letter-spacing:1px; margin:0;} ._nav ul li a{ line-height:26px; height:auto;} .weima{ width:100%; margin:0; align-items:center; } .weima em{ margin:12px 0 12px 0;} } @media screen and (max-width:767px){ .Copyright .ICP{ margin-left:0; display:inline-table;} } .banner{ float:left; width:100%; line-height:0; position:relative; padding-top:100px; background:#f2f2f2;} .banner .pic{ float:left; width:100%; height:260px;} .banner .slide_banner{ float:left; width:100%; position:relative; z-index:2; line-height:0;} .banner .slide_banner li{ float:left; width:100%; line-height:0; position:relative; opacity:0.8 !important;} .banner .slide_banner li .img{ float:left; width:100%; position:relative; z-index:1; padding-bottom:46.8%;} .banner .slide_banner li .img img{ float:left; position:absolute; left:0; top:0; max-height:100%; max-width:100%;} .banner .slide_banner li .img1{ display:block;} .banner .slide_banner li .img2{ display:none;} .banner .slide_banner li.flex-active-slide{ opacity:1 !important;} .banner .slide_banner li img{ width:100%;} .banner .slide_banner li .video1{ display:none; float:left; width:100%; height:100%; position:absolute; left:0; top:0;object-fit: fill; z-index:3;} .banner .slide_banner li.flex-active-slide .video1{ display:block;} .banner .flex-control-paging{ float:left; width:100%; position:absolute; left:0; bottom:30px; display: flex; justify-content: center; z-index:3;} .banner .flex-control-paging li{ float:left; margin:0 8px;} .banner .flex-control-paging li a{ float:left; width:30px; height:8px; border-radius:8px; background:#fff; opacity:0.68; overflow:hidden; text-indent:-99px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .banner .flex-control-paging li a.flex-active{ width:50px; opacity:1; } .banner .flex-pauseplay{ display:none !important;} @media screen and (max-width:1100px){ .banner{ padding-top:52px;} .banner .pic{ height:130px;} .banner .slide_banner li .img{ padding-bottom:69.2%;} .banner .slide_banner li .img1{ display:none;} .banner .slide_banner li .img2{ display:block;} .banner .flex-control-paging{ bottom:15px;} .banner .flex-control-paging li{ margin:0 5px;} .banner .flex-control-paging li a{ width:15px; height:4px; border-radius:4px;} .banner .flex-control-paging li a.flex-active{ width:25px;} } .slide_banner svg{ float:left; width:100%; position:absolute; left:0; top:0; height:100%; z-index:3;} .ctitle{ float:left; width:100%; position:relative; z-index:3;} .ctitle .left{ float:left; color:#000000; font-size:36px; line-height:46px; position:relative; padding-top:30px; letter-spacing:4px;} .ctitle .left:after{ float:left; width:60px; height:6px; content:''; position:absolute; left:0; top:0; background:#e7222f;} .ctitle .left span{ font-weight:bold; color:#e7222f;} .ctitle .right{ float:right; text-align:right; color:#000000; font-size:18px; line-height:18px; text-transform:uppercase; position:relative; font-family:Arial;} .ctitle .right:after{ float:left; width:46px; height:3px; content:''; position:absolute; right:0; bottom:0; background:#e7222f;} .ctitle .right span{ display:block; font-size:16px; color:#58595b; font-family:Arial; padding:16px 0 20px 0;} ._ctitle .left{ color:#fff;} ._ctitle .right{ color:#fff;} ._ctitle .right span{ color:#fff;} @media screen and (max-width:1024px){ .ctitle .left{ padding-top:12px;} .ctitle .left:after{ width:34px; height:3px;} .ctitle .left{ font-size:18px; line-height:28px; letter-spacing:2px;} .ctitle .right{ font-size:14px; line-height:16px; } .ctitle .right:after{ width:30px; height:2px;} .ctitle .right span{ font-size:12px; padding:4px 0 5px 0;} } @media screen and (max-width:767px){ } .ctext1{ padding-top:100px; padding-bottom:100px;} .ctext1 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:30px;} .ctext1 .list .ul1{ margin:0 -15px;} .ctext1 .list.hidden-xs .ul1{ display: flex; flex-wrap:wrap;} .ctext1 .list li{ float:left; width:33.33%; padding:0 15px; margin-top:30px; } .ctext1 .list li a{ float:left; width:100%; position:relative; min-height:100%; background:#f5f5f5; overflow:hidden; padding:35px;} .ctext1 .list li a .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.08;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .ctext1 .list li a:hover .bg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .ctext1 .list li a i{ float:left; width:100%; line-height:0; position:relative; z-index:2; margin-top:16px;} .ctext1 .list li a .text{ float:left; width:100%; position:relative; z-index:3;} .ctext1 .list li a .text h1{ float:left; width:100%; line-height:34px; font-size:26px; color:#000000;} .ctext1 .list li a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.15);} .ctext1 .list li a:hover .text h1{ color:#e7222f;} .ctext1 .list li a .text h6{ float:left; width:100%; line-height:20px; font-size:12px; color:#333333; text-transform:uppercase; margin-top:2px;} .ctext1 .list li:nth-child(1), .ctext1 .list li:nth-child(2){ width:50%;} .ctext1 .list .slick-dots{ position:static; display: flex; justify-content: center; margin-top:15px; } .ctext1 .list .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#f20000; opacity:0.5; margin:0 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ctext1 .list .slick-dots li.slick-active{ opacity:1; } @media screen and (max-width:1600px){ .ctext1 .list li a{ padding:20px;} .ctext1 .list li a .text h1{ line-height:28px; font-size:20px;} } @media screen and (max-width:1024px){ .ctext1{ padding-top:30px; padding-bottom:30px;} .ctext1 .list{ margin-top:15px;} .ctext1 .list .ul1{ margin:0 -6px;} .ctext1 .list li{ padding:0 6px; margin-top:12px;} .ctext1 .list li a{ padding:12px 10px;} .ctext1 .list li a .text h1{ font-size:16px; line-height:24px;} .ctext1 .list li a i{ margin-top:10px;} } @media screen and (max-width:767px){ .ctext1 .list .ul1{ margin:0 -2px;} .ctext1 .list li{ width:100%; padding:0 2px; margin-top:4px; position:relative; min-height:100%;} .ctext1 .list li a .text h6{ min-height:40px;} .ctext1 .list .slick-track{display:flex;flex-wrap:wrap;} } .ctext2{ padding-top:100px; padding-bottom:114px; position:relative;} .ctext2:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#222222; opacity:0.97;} .ctext2:before{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:2; background:url(../_im_g/main7.png) center repeat;} .ctext2 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:90px;} .ctext2 .list ul{ float:left; width:100%; position:relative;display: flex;flex-wrap:wrap;} .ctext2 .list li{ float:left; width:25%; background:rgba(255,255,255,0.88); position:relative; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .ctext2 .list li:nth-child(2n){ background:rgba(255,255,255,0.74);} .ctext2 .list li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .ctext2 .list li a{ float:left; width:100%; position:relative; padding:20px; text-align:center; padding:68px 40px 82px 40px;display: flex; align-items: center; flex-direction:column; transition:none; -moz-transition:none;-webkit-transition:none; -o-transition:none;} .ctext2 .list li:after, .ctext2 .list li:before, .ctext2 .list li a:after, .ctext2 .list li a:before{ float:left; width:40px; height:40px; content:''; position:absolute;} .ctext2 .list li:after{ left:18px; bottom:18px; border-bottom:1px solid #fff; border-left:1px solid #fff;} .ctext2 .list li:before{ right:18px; bottom:18px; border-bottom:1px solid #fff; border-right:1px solid #fff;} .ctext2 .list li a:after{ left:18px; top:18px; border-top:1px solid #fff; border-left:1px solid #fff;} .ctext2 .list li a:before{ right:18px; top:18px; border-top:1px solid #fff; border-right:1px solid #fff;} .ctext2 .list li .i{ display:table; margin:0 auto; position:relative;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .ctext2 .list li i{ display:inline-flex; width:126px; height:146px; background:#e7222f; justify-content: center; align-items: center; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} .ctext2 .list li i img{ width:74px; height:74px;} .ctext2 .list li span{ float:left; width:24px; height:27px; background:#e7222f; opacity:0.2; position:absolute; right:100%; top:104px; margin-right:3px;-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} .ctext2 .list li font{ float:left;float:left; width:33px; height:39px; background:#e7222f; opacity:0.2; position:absolute; left:100%; top:22px; margin-left:-6px;-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} .ctext2 .list li h6{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:32px; height:64px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:36px 0 26px 0;} .ctext2 .list li em{ display:inline-flex; width:36px; height:36px; border-radius:50%; border:1px solid #000; opacity:0.4; position:relative; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ctext2 .list li em:after, .ctext2 .list li em:before{ float:left; content:''; position:absolute; left:50%; top:50%; background:#000; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} .ctext2 .list li em:after{ width:2px; height:14px;} .ctext2 .list li em:before{ width:14px; height:2px;} .ctext2 .list li:hover .i{ transform:translateY(10px); -ms-transform:translateY(10px);} .ctext2 .list li:hover em{ border:1px solid #e7222f; opacity:1; transform:rotate(180deg); -ms-transform:rotate(180deg);} .ctext2 .list li:hover em:after, .ctext2 .list li:hover em:before{ background:#e7222f; } .ctext2 .list .slick-dots{display: flex; justify-content: center; position:static; margin-top:20px;} .ctext2 .list .slick-dots li{ width:10px; height:10px; margin:0 5px; border-radius:50%; background:#fff; opacity:0.6;} .ctext2 .list .slick-dots li:after, .ctext2 .list .slick-dots li:before{ display:none !important;} .ctext2 .list .slick-dots li.slick-active{ background:#e7222f; opacity:1;} .ctext2 .list .slick-list{width:100%;} .ctext2 .list .slick-prev, .ctext2 .list .slick-next{ width:48px; height:48px;z-index:5; } .ctext2 .list .slick-prev{ left:15px; background:url(../_im_g/main28.png) center no-repeat; background-size:100% 100%;} .ctext2 .list .slick-next{ right:15px; background:url(../_im_g/main29.png) center no-repeat; background-size:100% 100%;} .ctext2 .list .slick-prev:hover, .ctext2 .list .slick-next:hover{ opacity:0.5;} @media screen and (max-width:1600px){ .ctext2 .list li:after, .ctext2 .list li:before, .ctext2 .list li a:after, .ctext2 .list li a:before{ width:30px; height:30px;} .ctext2 .list li a{ padding:68px 30px 82px 30px;} .ctext2 .list li i{ width:100px; height:116px;} .ctext2 .list li i img{ width:58px; height:58px;} .ctext2 .list li span{ top:82px;} .ctext2 .list li font{ top:18px;} .ctext2 .list li h6{ font-size:16px; line-height:30px; height:60px;} /*.ctext2 .list .slick-prev{ left:-127px;} .ctext2 .list .slick-next{ right:auto; left:-127px;}*/ } @media screen and (max-width:1024px){ .ctext2{ padding-top:30px; padding-bottom:30px;} .ctext2 .list{ margin-top:20px;} .ctext2 .list li:after, .ctext2 .list li:before, .ctext2 .list li a:after, .ctext2 .list li a:before{ width:12px; height:12px;} .ctext2 .list li:after{ left:8px; bottom:8px;} .ctext2 .list li:before{ right:8px; bottom:8px;} .ctext2 .list li a:after{ left:8px; top:8px;} .ctext2 .list li a:before{ right:8px; top:8px;} .ctext2 .list li i{ width:70px; height:81px; } .ctext2 .list li i img{ width:40px; height:40px;} .ctext2 .list li span{width:16px; height:18px; top:58px;} .ctext2 .list li font{ width:20px; height:24px; top:12px;} .ctext2 .list li a{ padding:30px 15px;} .ctext2 .list li h6{ line-height:26px; height:52px; margin:10px 0 12px 0} .ctext2 .list li em{ width:26px; height:26px;} .ctext2 .list li em:after{ width:1px; height:10px;} .ctext2 .list li em:before{ width:10px; height:1px;} .ctext2 .list .slick-prev, .ctext2 .list .slick-next{ width:26px; height:26px;} .ctext2 .list .slick-prev{ left:10px; } .ctext2 .list .slick-next{ right:10px; } } @media screen and (max-width:767px){ .ctext2 .list li{ width:50%; background:rgba(255,255,255,0.88);} .ctext2 .list li:nth-child(2n){ background:rgba(255,255,255,0.88);} .ctext2 .list li:nth-child(4n+2), .ctext2 .list li:nth-child(4n+3){ background:rgba(255,255,255,0.74);} /*.ctext2 .list .slick-prev{ top:100%; left:50%; margin-top:30px; margin-left:-20px;} .ctext2 .list .slick-next{ top:100%; right:auto; left:50%; margin-top:30px; margin-left:20px;}*/ } .ctext3{ position:relative;} .ctext3:before{ float:left; width:0; height:0; content:''; z-index:2; position:absolute; right:0; bottom:0; border-left:172px solid transparent; border-bottom:128px solid #e7222f; } .ctext3:after{ float:left; width:100%; height:100%; content:''; background:#d3d3d3; z-index:1; opacity:0.2; position:absolute; left:0; top:0;} .ctext3 .news_box{ float:left; width:100%; position:relative; padding-top:100px; padding-bottom:110px;} .ctext3 .number{ float:left; position:absolute; left:70px; bottom:0; color:#000000; font-size:40px; line-height:50px; font-family:Arial; border-bottom:2px solid rgba(0,0,0,0.3); padding-bottom:18px; z-index:5;} .ctext3 .number span{ font-weight:bold; font-size:68px;} .ctext3 .number:after{ float:left; width:30px; height:2px; content:''; position:absolute; left:0; bottom:-2px; z-index:3; background:#e7222f;} .ctitle ._left{ margin-left:70px;} .ctext3 .l_bg{ float:left; width:471px; height:100%; position:absolute; left:0; top:0; z-index:3;} .ctext3 .l_bg:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#e1e1e1; opacity:0.96;} .ctext3 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:60px; padding-left:300px;} .ctext3 .list ul{ margin:0 -15px; position:relative; z-index:5;} .ctext3 .list li{ float:left; width:33.33%; padding:0 15px;} .ctext3 .list li a{ float:left; width:100%; background:#ffffff; box-shadow:0 0 24px rgba(0,0,0,0.05);} .ctext3 .list li i{ float:left; width:100%; line-height:0; overflow:hidden;} .ctext3 .list li i img{ width:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} .ctext3 .list li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .ctext3 .list li .text{ float:left; width:100%; padding:25px 30px; margin-bottom:10px;} .ctext3 .list li .text h5{ float:left; width:100%; color:#000000; font-size:18px; line-height:28px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} .ctext3 .list li .text h6{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; height:48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:12px 0 20px 0;} .ctext3 .list li .text time{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; position:relative;} .ctext3 .list li .text time:after{ float:left; width:15px; height:1px; content:''; background:#58595b; position:absolute; right:0; top:50%;} .ctext3 .list li .text time:before{ float:left; width:8px; height:8px; content:''; border-top:1px solid #58595b; border-right:1px solid #58595b; position:absolute; right:0; top:50%; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:-4px;} .ctext3 .list li:hover .text h5{ color:#e7222f;} .ctext3 .list .slick-prev, .ctext3 .list .slick-next{ width:48px; height:48px;z-index:5;} .ctext3 .list .slick-prev{ left:-157px; background:url(../_im_g/main28.png) center no-repeat; background-size:100% 100%; margin-top:-76px;} .ctext3 .list .slick-next{ right:auto; left:-157px; background:url(../_im_g/main29.png) center no-repeat; background-size:100% 100%;} .ctext3 .list .slick-prev:hover, .ctext3 .list .slick-next:hover{ opacity:0.5;} @media screen and (max-width:1600px){ .ctitle ._left{ margin-left:30px;} .ctext3 .number{ left:30px;} .ctext3 .l_bg{ width:370px;} .ctext3 .list{ padding-left:210px;} .ctext3 .list .slick-prev{ left:-127px;} .ctext3 .list .slick-next{ right:auto; left:-127px;} } @media screen and (max-width:1024px){ .ctext3:before{ border-left:86px solid transparent; border-bottom:64px solid #e7222f; } .ctitle ._left{ margin-left:15px;} .ctext3 .number{ left:15px;} .ctext3 .l_bg{ width:230px;} .ctext3 .news_box{ padding-top:30px; padding-bottom:30px;} .ctext3 .list{ margin-top:20px; padding-left:105px;} .ctext3 .list ul{ margin:0 -6px;} .ctext3 .list li{ padding:0 6px;} .ctext3 .list li a{ box-shadow:0 0 10px rgba(0,0,0,0.05);} .ctext3 .list li .text{ padding:14px 12px; margin-bottom:0;} .ctext3 .list li .text h5{ font-size:16px; line-height:26px;} .ctext3 .list li .text h6{ margin:5px 0;} .ctext3 .list .slick-prev, .ctext3 .list .slick-next{ width:26px; height:26px;} .ctext3 .list .slick-prev{ left:-60px; margin-top:-36px;} .ctext3 .list .slick-next{ right:auto; left:-60px;} .ctext3 .number{ font-size:20px; line-height:30px; padding-bottom:8px;} .ctext3 .number span{ font-size:34px;} .ctext3 .number:after{ width:15px;} } @media screen and (max-width:767px){ .ctitle ._left{ margin-left:0;} .ctext3 .l_bg{ left:-15px; width:120px;} .ctext3 .list{ padding-left:0; padding-bottom:43px;} .ctext3 .list li .text h6{ line-height:22px; height:44px; margin:4px 0;} .ctext3 .list .slick-prev{ top:100%; left:50%; margin-top:30px; margin-left:-20px;} .ctext3 .list .slick-next{ top:100%; right:auto; left:50%; margin-top:30px; margin-left:20px;} .ctext3 .number{ left:0; font-size:18px; line-height:28px; padding-bottom:2px;} .ctext3 .number span{ font-size:26px;} .ctext3 .number:after{ width:15px;} } .ctext4{ background:#fefefe; padding-top:100px; padding-bottom:100px;} .ctext4 ._about{ float:left; width:100%; position:relative; z-index:3; margin-top:60px;} .ctext4 ._about_l{ float:left; width:41.875%; position:relative; overflow:hidden;} .ctext4 ._about_l .big{ float:left; width:100%; line-height:0;} .ctext4 ._about_l .small{ float:left; width:100%; line-height:0; position:absolute; left:0; bottom:0; z-index:5; background:rgba(0,0,0,0.6); padding:20px 40px;} .ctext4 ._about_l .small .img{ margin:0 10px; position:relative; /*padding-bottom:3.5%;*/ height:auto;} .ctext4 ._about_l .small .img:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; bottom:0; z-index:3; border:1px solid #fff; display:none;} .ctext4 ._about_l .small .img.slick-current:after{ display:block;} .ctext4 ._about_l .small .img img{ float:left; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} .ctext4 ._about_l .small .slick-prev, .ctext4 ._about_l .small .slick-next{ width:16px; height:16px; border-top:1px solid #fff; border-right:1px solid #fff; margin-top:-6px; opacity:0.6;} .ctext4 ._about_l .small .slick-prev{ transform:rotate(225deg); -ms-transform:rotate(225deg); left:20px;} .ctext4 ._about_l .small .slick-next{ transform:rotate(45deg); -ms-transform:rotate(45deg); right:20px;} .ctext4 ._about_l .small .slick-prev:hover, .ctext4 ._about_l .small .slick-next:hover{ opacity:1;} .ctext4 ._about_r{ float:right; width:55%;} .ctext4 ._about_r .tit{ float:left; width:100%; margin:38px 0 28px 0;} .ctext4 ._about_r .tit h4{ float:left; color:#e7222f; font-size:24px; line-height:34px; position:relative; padding-left:40px;} .ctext4 ._about_r .tit h4 img{ float:left; width:32px; height:32px; position:absolute; left:0; top:1px;} .ctext4 ._about_r .tit a{ float:right; color:#58595b; font-size:14px; line-height:24px; margin-top:10px;} .ctext4 ._about_r .tit a:hover{ color:#e7222f;} .ctext4 ._about_r .cont{ float:left; width:100%; color:#58595b; font-size:16px; line-height:28px; height:308px;overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:11;} @media screen and (max-width:1600px){ .ctext4 ._about_l{ width:50%;} .ctext4 ._about_r{ width:46%;} .ctext4 ._about_r .tit{ margin:20px 0 14px 0;} } @media screen and (max-width:1024px){ .ctext4{ padding-top:30px; padding-bottom:30px;} .ctext4 ._about{ margin-top:20px;} .ctext4 ._about_l .small{ padding:10px 20px;} .ctext4 ._about_l .small .img{ margin:0 5px;} .ctext4 ._about_l .small .slick-prev, .ctext4 ._about_l .small .slick-next{ width:12px; height:12px;} .ctext4 ._about_l .small .slick-prev{ left:10px;} .ctext4 ._about_l .small .slick-next{ right:10px;} .ctext4 ._about_r .tit{ margin:15px 0 10px 0;} .ctext4 ._about_r .tit h4{ font-size:18px; line-height:28px; padding-left:30px;} .ctext4 ._about_r .tit h4 img{ width:26px; height:26px; top:1px;} .ctext4 ._about_r .tit a{ margin-top:4px;} .ctext4 ._about_r .cont{ font-size:14px; line-height:24px; height:168px;-webkit-line-clamp:7;} } @media screen and (max-width:767px){ .ctext4 ._about_l{ width:100%;} .ctext4 ._about_r{ width:100%;} .ctext4 ._about_l .small{position:relative;} } .ctext5{ float:left; width:100%; background:#191919;} .ctext5 ul{ float:left; width:100%; position:relative;display: flex;flex-wrap:wrap;} .ctext5 li{ float:left; width:16.66%; position:relative; z-index:3; text-align:center;} .ctext5 li:nth-child(2n){ background:rgba(0,0,0,0.24);} .ctext5 li a{ float:left; width:100%; padding:42px 15px;} .ctext5 li i{ float:left; width:100%; line-height:0;} .ctext5 li i img{ width:50px; height:50px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .ctext5 li h6{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; margin-top:10px;} .ctext5 li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .ctext5 li:hover i img{ transform:translateY(8px); -ms-transform:translateY(8px); } .ctext5 li:hover h6{ opacity:0.6;} @media screen and (max-width:1600px){ } @media screen and (max-width:1024px){ .ctext5 li a{ padding:20px 12px;} .ctext5 li i img{ width:36px; height:36px;} .ctext5 li h6{ font-size:14px; line-height:24px; margin-top:6px;} } @media screen and (max-width:767px){ .ctext5 li{ width:33.33%;} } .ctext6{ position:relative; padding-top:100px; padding-bottom:100px;} .ctext6:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.92; content:''; background:#fff; z-index:1;} .ctext6 ._contact{ float:left; width:100%; position:relative; z-index:3; margin-top:60px; display: flex; flex-wrap:wrap;} .ctext6 ._contact_r{ float:left; width:37.2%; background:url(../_im_g/main36.jpg) center no-repeat #fff; background-size:cover; box-shadow:0 0 8px rgba(0,0,0,0.08);} .ctext6 ._contact_r form{ float:left; width:100%; padding:60px 8.4%;} .ctext6 ._contact_r h4{ float:left; width:100%; color:#000000; font-size:24px; line-height:34px; margin-bottom:22px;} .ctext6 ._contact_r .text{ float:left; width:100%; color:#6c6c6c; font-size:14px; line-height:26px; height:34px; padding:4px 0; border-bottom:1px solid #dbdde0; margin-top:5px;} .ctext6 ._contact_r .text:focus{border-bottom:1px solid #ee0000;} .ctext6 ._contact_r .textarea{ float:left; width:100%; color:#6c6c6c; font-size:14px; line-height:26px; padding:4px 0; height:84px; border-bottom:1px solid #dbdde0; margin-top:5px; margin-bottom:19px;} .ctext6 ._contact_r .textarea:focus{border-bottom:1px solid #ee0000;} .ctext6 ._contact_r .submit{ display:table; margin:0 auto; width:110px; color:#fff; font-size:14px; line-height:35px; height:35px; background:#ee0000; border-radius:3px;} .ctext6 ._contact_r .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .ctext6 ._contact_l{ float:left; width:62.8%; background:rgba(255,255,255,0.59); box-shadow:0 0 8px rgba(0,0,0,0.08); padding:50px 10px;} .ctext6 ._contact_l .ico{ float:left; width:100%; line-height:0; padding:0 40px;} .ctext6 ._contact_l .ico img{ height:38px;} .ctext6 ._contact_l .list{ float:left; width:100%; margin-top:40px; display: flex; flex-wrap:wrap;} .ctext6 ._contact_l .list .li{ float:left; width:33.33%; padding:0 40px 22px 40px; border-right:1px solid #dbdbdb;} .ctext6 ._contact_l .list .li:last-child{ border-right:none;} .ctext6 ._contact_l .list .tit{ float:left; width:100%; color:#000000; font-size:16px; line-height:26px; border-bottom:1px dashed #d6d6d6; padding-bottom:20px; margin-bottom:18px;} .ctext6 ._contact_l .list .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; display: flex;} .ctext6 ._contact_l .list .info .l{ display:flex; white-space:nowrap;} .ctext6 ._contact_l .list .info .r{ display:flex;} @media screen and (max-width:1600px){ .ctext6 ._contact_l .ico{ padding:0 20px;} .ctext6 ._contact_l .list .li{ padding:0 20px 22px 20px;} .ctext6 ._contact_l .list .tit{font-size:15px;} .ctext6 ._contact_r{ width:30%;} .ctext6 ._contact_l{ width:70%;} } @media screen and (max-width:1300px){ .ctext6 ._contact_r{ width:30%;} .ctext6 ._contact_l{ width:70%;} .ctext6 ._contact_l .list .info{ font-size:14px; line-height:24px;} .ctext6 ._contact_l .list .info{ font-size:13px; line-height:25px;} } @media screen and (max-width:1024px){ .ctext6{ padding-top:30px; padding-bottom:30px;} .ctext6 ._contact{ margin-top:20px;} .ctext6 ._contact_l{ width:100%; padding:20px 5px;} .ctext6 ._contact_l .ico{ padding:0 10px;} .ctext6 ._contact_l .ico img{ height:28px;} .ctext6 ._contact_l .list{ margin-top:15px;} .ctext6 ._contact_l .list .li{ padding:0 10px 10px 10px;} .ctext6 ._contact_l .list .tit{ padding-bottom:10px; margin-bottom:8px; font-weight:bold;} .ctext6 ._contact_r{ width:100%;} .ctext6 ._contact_r form{ padding:20px 15px;} .ctext6 ._contact_r h4{ font-size:18px; line-height:28px; margin-bottom:0;} } @media screen and (max-width:767px){ .ctext6 ._contact_l .list .li{ width:100%; border:none;} } ._swiper{ position:relative; z-index:13;} ._swiper:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; bottom:0; background:#e5e5e5; z-index:1;} ._swiper.active{ background:#fff; margin-top:28px;} ._swiper .hd{ float:left; width:100%; text-align:center; position:relative; z-index:3; overflow:hidden; height:72px;} ._swiper .hd ul{ max-width:100%; display:inline-table; white-space:nowrap;} ._swiper .hd li{ display:inline-table; white-space:nowrap; width:auto; margin:0 44px;} ._swiper .hd li a{ float:left; color:#666666; font-size:16px; line-height:32px; position:relative; margin-bottom:-1px; padding:20px 0;} ._swiper .hd li a:before{ float:left; width:0; height:1px; content:''; position:absolute; left:50%; bottom:0; background:#f20000;-oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} ._swiper .hd li.on a{ color:#f20000;} ._swiper .hd li.on a:before{ width:100%;} ._swiper .hd li:hover a{ color:#f20000;} ._swiper .hd li:hover a:before{ width:100%;} ._swiper ._container{ padding:0 30px;} ._swiper .swiper-button-prev, ._swiper .swiper-button-next{ float:left; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; background:#cccccc; border-radius:3px; z-index:3; cursor:pointer;} ._swiper .swiper-button-prev:hover, ._swiper .swiper-button-next:hover{ background:#f20000;} ._swiper .swiper-button-prev:after, ._swiper .swiper-button-next:after{ float:left; width:8px; height:8px; content:''; position:absolute; left:50%; top:50%; border-top:1px solid #666666;border-right:1px solid #666666;} ._swiper .swiper-button-prev:before, ._swiper .swiper-button-next:before{ float:left; width:12px; height:1px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#666666;} ._swiper .swiper-button-next:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:2px;} ._swiper .swiper-button-prev:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:-2px;} ._swiper .swiper-button-prev{ left:0;} ._swiper .swiper-button-next{ right:0;} ._swiper .swiper-button-prev:hover:after, ._swiper .swiper-button-next:hover:after{ border-top:1px solid #fff;border-right:1px solid #fff;} ._swiper .swiper-button-prev:hover:before, ._swiper .swiper-button-next:hover:before{ background:#fff;} @media screen and (max-width:1360px){ ._swiper .hd li{ margin:0 22px;} } @media screen and (max-width:1024px){ ._swiper .hd{ height:46px;} ._swiper .hd li{ margin:0 12px;} ._swiper .hd li a{ font-size:14px; line-height:26px; padding:10px 0;} ._swiper ._container{ padding:0 24px;} ._swiper.active{ margin-top:0;} ._swiper .swiper-button-prev, ._swiper .swiper-button-next{ width:24px; height:24px; margin-top:-12px;} ._swiper .swiper-button-prev:before, ._swiper .swiper-button-next:before{ width:8px;} ._swiper .swiper-button-next:after{margin-left:0;} ._swiper .swiper-button-prev:after{margin-left:0;} } @media screen and (max-width:767px){ ._swiper .hd{ white-space:nowrap; overflow-x:auto; overflow-y:hidden;} ._swiper .hd::-webkit-scrollbar{ display: none;} ._swiper .hd ul{ white-space:nowrap; display:inline-flex;} ._swiper .hd li a{ margin-bottom:-4px;} } .contact{ padding-top:80px; padding-bottom:80px;} .contact .ul{ margin:0 -30px; display: flex;flex-wrap:wrap; } .contact .li{ float:left; width:33.33%; padding:20px 30px;} .contact .la{ float:left; width:100%; border:1px solid #eeeeee; padding:30px;} .contact .cont{ float:left; width:100%;} .contact .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; border-bottom:1px solid #e5e5e5; padding-bottom:17px; margin-top:-5px; margin-bottom:23px; position:relative;} .contact .tit:after{ float:left; width:60px; height:1px; content:''; position:absolute; left:0; bottom:-1px; background:#f20000; z-index:3;} .contact .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:24px; position:relative; z-index:3; padding-left:28px; margin:7px 0; display:flex;word-break: break-all;} .contact .info .l{ display:inline-flex; white-space:nowrap;} .contact .info .r{ display:inline-flex;} .contact .info .ico{ display:block; position:absolute; max-width:none; left:0; top:1px; width:22px; height:22px;} .contact .info .pic{ display:block; position:absolute; max-width:none; left:37px; top:100%; margin-top:18px; width:149px; line-height:0; opacity:0; box-shadow:0 0 20px rgba(0,0,0,0.15);-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 5%; -moz-transform-origin:50% 5%; -ms-transform-origin:50% 5%; -o-transform-origin:50% 5%; transform-origin:50% 5%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} .contact .info .pic:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:100%; margin-left:-9px; border-left: 9px solid transparent; border-right:9px solid transparent;border-bottom:10px solid #fff; } .contact .info .wei{ display:block; max-width:none; width:100%;} .contact .info:hover .pic{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .contact .info a{ color:#555555;} ._mapbox{ float:left; width:100%; height:245px; margin-top:23px;} .BMap_stdMpCtrl{ display:none !important;} .BMap_cpyCtrl{ display:none !important;} .BMap_scaleCtrl{ display:none !important;} .BMapLabel{ width:222px; background:#fff; border-radius:3px; border:1px solid #e6e6e6 !important; color:#555555 !important; font-size:14px !important; line-height:22px !important; text-align:center; padding:16px 25px !important; white-space:normal !important; left:-80px !important; top:-90px !important; box-shadow:8px 8px 0 rgba(0,0,0,0.09);} .BMapLabel:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:100%; z-index:3; border-right:12px solid transparent; border-top: 8px solid #fff; } @media screen and (max-width:1600px){ .contact .ul{ margin:0 -15px;} .contact .li{ padding:15px 15px;} .contact .la{ padding:20px;} .contact .tit{ font-size:16px; line-height:26px;} .contact .info{ font-size:14px;} } @media screen and (max-width:1024px){ .contact{ padding-top:20px; padding-bottom:20px;} .contact .ul{ margin:0 -10px;} .contact .li{ padding:10px 10px; width:100%;} .contact .la{ padding:15px;} .contact .tit{ margin-top:0; margin-bottom:15px; padding-bottom:12px; } .contact .info{ margin:2px 0; padding-left:25px;} .contact .info .ico{ top:3px; width:18px; height:18px;} .contact .info .pic{ width:110px; margin-top:10px;} ._mapbox{ margin-top:15px;} } @media screen and (max-width:767px){ .contact .cont{ width:100%;} } /* 分页 */ #obtn .wack1{ float:left; width:100%; padding:60px 0 100px 0; text-align:center;} #obtn .wack1 .pz_fy{ display:table; margin:0 auto;} #obtn .wack1 .pz_fy a { float:left; width:30px; height:30px; line-height:28px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border:1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 7px;} #obtn .wack1 .pz_fy a:hover, #obtn .wack1 .pz_fy a.on{color:#fff; border:1px solid #f20000; background:#f20000;} #obtn .wack1 .pz_fy .l_fy, #obtn .wack1 .pz_fy .r_fy{ width:100px;} #obtn .wack1 .pz_fy .l_fy i, #obtn .wack1 .pz_fy .r_fy i{ display:block; width:14px; height:2px; background:#f20000; margin:13px auto; position:relative;} #obtn .wack1 .pz_fy .l_fy i:after, #obtn .wack1 .pz_fy .r_fy i:after{float:left; width:6px; height:6px; border-top:1px solid #f20000; border-right:1px solid #f20000; content:''; position:absolute; top:50%; margin-top:-3px;} #obtn .wack1 .pz_fy .l_fy i:after{ -ms-transform: rotate(225deg); transform: rotate(225deg); left:0;} #obtn .wack1 .pz_fy .r_fy i:after{ -ms-transform: rotate(45deg); transform: rotate(45deg); right:0;} #obtn .wack1 .pz_fy .l_fy:hover i, #obtn .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #obtn .wack1 .pz_fy .l_fy:hover i:after, #obtn .wack1 .pz_fy .r_fy:hover i:after{ border-top:1px solid #fff; border-right:1px solid #fff;} @media screen and (max-width:1023px){ #obtn .wack1{padding:25px 0 30px 0;} #obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:4px 0;} #obtn .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #f20000; background:#f20000; border-radius:16px; overflow:hidden;} #obtn .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } .jionIn{ float:left; width:100%; margin-top:70px;} .jionIn li{ float:left; width:100%; background:#f7f7f7; margin-top:30px; border-left:3px solid #f20000;} .jionIn li .tit{ float:left; width:100%; padding:27px 30px; cursor:pointer; position:relative;} .jionIn li .tit .t1{ float:left; width:100%;} .jionIn li .tit .t1 h1{ float:left; color:#f20000; font-size:24px; line-height:34px;} .jionIn li .tit .t1 h5{ float:right; color:#555555; font-size:14px; line-height:30px;padding-right:42px; position:absolute; right:30px; top:50%; margin-top:-15px;} .jionIn li .tit .t1 h5::after{ float:left; width:14px; height:14px; content:''; position:absolute; right:0; top:2px; border-top:1px solid #6b6b6b;border-right:1px solid #6b6b6b; transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .jionIn li .tit .t2{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; margin-top:8px;} .jionIn li .tit.active .t1 h5::after{ border-top:1px solid #f20000; border-right:1px solid #f20000;} .jionIn li .box{ display:none; float:left; width:100%; padding:0 30px 50px 30px; background:#f7f7f7;} .jionIn li .box .line{ float:left; width:100%; border-top:1px solid #e6e6e6; padding-top:20px; position:relative;} .jionIn li .box .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; font-weight:bold;} .jionIn li .box .p2{ float:left; width:100%; color:#555555; font-size:14px; line-height:34px; margin:0 0 35px 0;} .jionIn li .box .email{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; font-weight:bold;} .jionIn li .box .email a{ color:#f20000; font-weight:normal;} .jionIn li .box .but{ float:left; width:100%; margin-top:20px;} .jionIn li .box .but a{ float:right; width:155px; height:40px; line-height:38px; color:#fff; font-size:18px; background:#f20000; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} .jionIn li .box .but a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1023px) { .jionIn{ margin-top:20px;} .jionIn li{ margin-top:12px; border-left:2px solid #f20000;} .jionIn li .tit{ padding:14px 15px;} .jionIn li .tit .t1 h1{ font-size:18px; line-height:28px;} .jionIn li .tit .t1 h5{ line-height:22px; margin-top:-11px; right:15px; padding-right:22px;} .jionIn li .tit .t1 h5::after{ width:10px; height:10px;} .jionIn li .tit .t2{ margin-top:2px;} .jionIn li .box{ padding:0 15px 25px 15px;} .jionIn li .box .line{ padding-top:15px; } .jionIn li .box .p1{ line-height:30px; } .jionIn li .box .p2{ line-height:30px; margin:0 0 15px 0;} .jionIn li .box .email{ line-height:30px;} .jionIn li .box .but a{ width:120px; height:34px; line-height:32px;font-size:16px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} } @media screen and (max-width:767px) { .jionIn li .box .p2{ font-size:12px; line-height:24px;} .jionIn li .box .p1{ font-size:14px; line-height:26px;} .jionIn li .box .email{ font-size:14px; line-height:26px;} .jionIn li .tit .t1 h1{ font-size:16px; line-height:24px;} .jionIn li .tit .t1 h5{ font-size:13px; top:0; margin-top:12px;} .jionIn li .box .but a{ font-size:15px;} } ._Technol{ float:left; width:100%; margin-top:70px;} ._Technol ul{ margin:0 -15px;} ._Technol li{ float:left; width:50%; padding:0 15px; margin-top:30px;} ._Technol li a{ float:left; width:100%; background:#f7f7f7; position:relative; padding:30px; overflow:hidden;} ._Technol li a .img{ float:left; width:300px; height:200px; line-height:0; position:absolute; left:30px; top:30px; overflow:hidden;} ._Technol li a .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} ._Technol li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} ._Technol li a .tit{ float:left; width:100%; min-height:200px; padding-left:325px;} ._Technol li a .tit h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:28px;} ._Technol li a .tit h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:20px 0;} ._Technol li a .tit .info{ float:left; width:100%; color:#999999; font-size:15px; line-height:26px;display:flex; justify-content: space-between;flex-wrap:wrap; } ._Technol li a .tit .info span{ display:flex; align-items: center;} ._Technol li a .tit .info img{ width:18px; height:18px; max-width:none; margin-right:5px;} ._Technol li a:hover .tit h5{ color:#f30001;} @media screen and (max-width:1600px){ ._Technol li a{ padding:20px;} ._Technol li a .img{ width:195px; height:130px; left:20px; top:20px;} ._Technol li a .tit{ min-height:130px; padding-left:210px;} ._Technol li a .tit h5{ font-size:16px; line-height:26px; margin-top:12px;} ._Technol li a .tit h6{ font-size:14px; line-height:24px; height:48px; margin:6px 0;} ._Technol li a .tit .info{ font-size:14px; line-height:24px;} ._Technol li a .tit .info img{ width:16px; height:16px; margin-right:4px;} } @media screen and (max-width:1024px){ ._Technol{ margin-top:20px;} ._Technol ul{ margin:0 -7px;} ._Technol li{ padding:0 7px; margin-top:15px;} ._Technol li a{ padding:12px;} ._Technol li a .img{ width:100%; height:auto; position:static;} ._Technol li a .tit{ min-height:100px; padding:15px 0 5px 0;} ._Technol li a .tit h5{ margin-top:0;} ._Technol li a .tit h6{ margin:4px 0;} } @media screen and (max-width:767px){ ._Technol li{ width:100%;} } ._Technol_det{ float:left; width:100%; margin:95px 0 75px 0;} ._Technol_det .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px;} ._Technol_det .time{ float:left; width:100%; color:#777777; font-size:14px; line-height:24px; margin-top:25px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:9px 0;} ._Technol_det .time .p{ float:left; margin:6px 0;} ._Technol_det .time a{ float:right; line-height:36px; color:#777777; font-size:14px; position:relative; padding-right:48px;} ._Technol_det .time a i{ display:block; position:absolute; right:0; top:0; width:36px; height:36px; border-radius:50%; background:url(../_im_g/main52.png) center no-repeat #999999;} ._Technol_det .time a:hover{ color:#f20000;} ._Technol_det .time a:hover i{ background:url(../_im_g/main52.png) center no-repeat #f20000;} ._Technol_det .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; margin:55px 0;} ._Technol_det .page{ float:left; width:100%; margin-top:30px; border-top:1px solid #d7d8d8; padding:15px 0;} ._Technol_det .page a{ float:left; max-width:48%; color:#666666; font-size:14px; line-height:24px;} ._Technol_det .page a:nth-child(2n){ float:right;} ._Technol_det .page a:hover{ color:#f20000;} ._Technol_det .btn{ float:left; width:100%;} ._Technol_det .btn .down{ float:right; line-height:36px; color:#777777; font-size:14px; position:relative; padding-left:48px;} ._Technol_det .btn .down i{ display:block; position:absolute; left:0; top:0; width:36px; height:36px; border-radius:50%; background:url(../_im_g/main53.png) center no-repeat #999999;} ._Technol_det .btn .down:hover{ color:#f20000;} ._Technol_det .btn .down:hover i{ background:url(../_im_g/main53.png) center no-repeat #f20000;} .bdshar{ float:left;} .bdshar a, .bdshar .bds_more{ width:36px !important; height:36px !important; margin:0 16px 0 0 !important; padding:0 !important;} .bdshar .bds_weixin{ background:url(../_im_g/ico1.png) 0 0 no-repeat !important;} .bdshar .bds_tsina{ background:url(../_im_g/ico2.png) 0 0 no-repeat !important;} .bdshar .bds_qzone{ background:url(../_im_g/ico3.png) 0 0 no-repeat !important;} ._det_title{ width:100%; float:left; font-size:30px; color:#f20000; line-height:40px; text-align:center; font-weight:bold; position:relative; z-index:3;} .main_2{ width:100%; float:left; margin-bottom:95px;} .main_2 ul{ width:100%; float:left; margin-top:22px;} .main_2 ul li{ width:48.5%; float:left; border-bottom:solid 1px #d7d8d8;} .main_2 ul li:nth-child(2n){ float:right;} .main_2 ul li a{ float:left; width:100%; position:relative; padding-right:90px; font-size:14px; color:#333333; line-height:40px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} .main_2 ul li time{ float:left; color:#777777; position:absolute; right:0; top:0;} .main_2 ul li.lc1{ float:right;} .main_2 ul li a:hover{ color:#f20000;} .main_2 ul li a:hover time{ color:#f20000;} @media screen and (max-width:1024px){ ._Technol_det{ margin:25px 0 10px 0;} ._Technol_det .tit{ font-size:16px; line-height:26px;} ._Technol_det .time{ margin-top:12px;} ._Technol_det .cont{ font-size:14px; line-height:26px; margin:20px 0;} ._Technol_det .page{ padding:10px 0;} ._det_title{ font-size:18px; line-height:28px;} } @media screen and (max-width:767px){ ._Technol_det .time .p{ display:flex;flex-direction:column; margin:0; } ._Technol_det .time a{ margin:6px 0;} .main_2{ margin-bottom:25px;} .main_2 ul{ margin-top:10px;} .main_2 ul li{ width:100%;} } .Feedback{ float:left; width:100%; margin-bottom:75px; color:#666666; font-size:16px; line-height:24px;} .Feedback ._det_title{ margin-bottom:10px;} .Feedback .cont{ float:left; width:100%; position:relative; padding:0 0 28px 32px; border-bottom:1px solid #d7d8d8;} .Feedback .ico{ float:left; width:24px; height:24px; position:absolute; left:0; top:25px;} .Feedback .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:26px; margin-top:25px;} .Feedback .info{ float:left; width:100%; margin-top:18px;} .Feedback .time{ float:left; width:100%; font-size:14px; margin-top:22px;} @media screen and (max-width:1024px){ .Feedback{ margin-bottom:25px; font-size:14px;} .Feedback ._det_title{ margin-bottom:5px;} .Feedback .cont{ padding:0 0 15px 28px;} .Feedback .ico{ width:20px; height:20px; top:14px;} .Feedback .tit{ font-size:16px; margin-top:12px;} .Feedback .info{ margin-top:8px;} .Feedback .time{ margin-top:10px;} } @media screen and (max-width:767px){ } ._Message{ position:relative; padding-top:95px; padding-bottom:100px;} ._Message:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#f5f5f5; z-index:1; opacity:0.92;} ._Message .form{ float:left; width:100%; position:relative; z-index:3; padding:0 12.7%; margin-top:20px;} ._Message .lab{ float:left; width:47.2%; position:relative; margin-top:30px;} ._Message .r{ float:right;} ._Message ._w100{ width:100%;} ._Message .ico{ float:left; width:25px; height:25px; position:absolute; left:10px; top:15px;} ._Message .text{ float:left; width:100%; height:56px; line-height:36px; color:#575757; font-size:16px; padding:10px 10px 10px 44px; background:#fff; border-radius:6px; box-shadow:0 0 6px rgba(0,0,0,0.1);} ._Message .textarea{ float:left; width:100%; height:117px; line-height:26px; color:#575757; font-size:16px; padding:15px 10px 15px 44px; background:#fff; border-radius:6px; box-shadow:0 0 6px rgba(0,0,0,0.1);} ._Message .submit{ display:table; margin:0 auto; width:160px; height:40px; line-height:38px; color:#fff; font-size:16px; background:#f30001; border-radius:40px;} @media screen and (max-width:1600px){ ._Message .form{ padding:0 6.3%;} } @media screen and (max-width:1024px){ ._Message{ padding-top:25px; padding-bottom:30px;} ._Message .form{ padding:0; margin-top:5px;} ._Message .lab{ margin-top:15px;} ._Message .ico{ width:24px; height:24px; left:10px; top:10px;} ._Message .text{ font-size:14px; height:42px; line-height:32px; padding:5px 10px 5px 40px;} ._Message .textarea{ height:100px; font-size:14px; line-height:24px; padding:9px 10px 9px 40px;} ._Message .submit{ width:120px; height:36px; line-height:34px; font-size:14px; border-radius:36px;} } @media screen and (max-width:767px){ ._Message .lab{ width:100%;} } ._news_D{ padding-top:95px; padding-bottom:100px;} ._newsDet{float: left; width:72.31%; border:1px solid #e5e5e5; padding:50px 30px 38px 30px; } ._newsDet h2{float: left; width: 100%; color:#333333; font-size:28px; line-height:38px; text-align:center; font-weight:bold;} ._newsDet .dTime{float: left; width: 100%; color:#555555; font-size:16px; line-height:26px; text-align:center; margin-top:12px;} ._newsDet .dTime .p{ margin-left:18px;} ._newsDet .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; padding:37px 0 89px 0;} ._newsDet .page{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:14px 0; position:relative;} ._newsDet .page .left, ._newsDet .page .right{ float:left; max-width:50%; color:#555555; font-size:16px; line-height:26px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; } ._newsDet .page .left{ padding-right:30px;} ._newsDet .page .right{ float:right; text-align:right; padding-left:30px;} ._newsDet .page .left:hover, ._newsDet .page .right:hover{ color:#f20001;} ._newsDet .page .fanhui{ float:left; width:66px; height:66px; border-radius:50%; background:#f20001; color:#fff; font-size:16px; line-height:24px; text-align:center; position:absolute; left:50%; top:-32px; margin-left:-33px; z-index:3; padding-top:9px;} /*._newsDet .page .fanhui:after, ._newsDet .page .fanhui:before{ float:left; width:103px; height:1px; content:''; background:#e5e5e5; position:absolute; top:50%; margin-top:6px;} ._newsDet .page .fanhui:after{ left:50%; margin-left:48px; } ._newsDet .page .fanhui:before{ right:50%; margin-right:48px;}*/ ._newsDet .page .fanhui span{ display:table; width:100%;} ._newsR{ float:right; width:23.87%; padding:20px; padding-bottom:0 !important; border:1px solid #e5e5e5;} ._newsR h4{ float:left; width:100%; position:relative; padding:50px 10px; color:#fff; font-size:30px; line-height:40px; text-align:center; text-transform:uppercase;} ._newsR h4:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.55;} ._newsR h4 span{ position:relative; z-index:3;} ._newsR ul{ float:left; width:100%;} ._newsR ul li{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:25px 0;} ._newsR ul li:last-child{ border-bottom:none;} ._newsR ul li a{ float:left; width:100%;} ._newsR ul li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-left:13px; position:relative; } ._newsR ul li h5:after{ float:left; width:6px; height:6px; content:''; position:absolute; left:0; top:50%; margin-top:-3px; background:#555555; border-radius:50%;} ._newsR ul li a:hover h5{ color:#f20001;} ._newsR ul li a:hover h5:after{ background:#f20001;} ._newsR ul li h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:25px; height:50px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; padding-left:13px; margin-top:12px; } .bdshare_popup_box{ left:auto !important; right:80px !important;} @media screen and (max-width:1024px){ ._news_D{ padding-top:30px; padding-bottom:30px;} ._newsDet{ padding:15px 12px;} ._newsDet h2{ font-size:18px; line-height:28px;} ._newsDet .dTime{ font-size:14px; line-height:24px; padding:0 0 12px 0;} ._newsDet .dTime .p{ margin-left:15px;} ._newsDet .info{ font-size:14px; line-height:26px; padding:15px 0 40px 0;} ._newsDet .page{ padding:12px 0;} ._newsDet .page .left, ._newsDet .page .right{ font-size:14px; line-height:24px;} ._newsDet .page .fanhui{ width:48px; height:48px; font-size:12px; line-height:16px; top:-24px; margin-left:-24px; padding-top:8px;} ._newsR{ padding:15px 12px;} ._newsR h4{ padding:20px 10px; font-size:18px; line-height:28px;} ._newsR ul li{ padding:14px 0;} ._newsR ul li h5{ font-size:16px; line-height:26px;} ._newsR ul li h6{ font-size:14px; line-height:24px; height:48px; margin-top:5px;} } @media screen and (max-width:767px){ ._newsDet{ width:100%;} ._newsDet .dTime .p{ display:block; margin-left:0;} ._newsR{ width:100%; margin-top:20px;} } ._news_l{ float:left; width:100%; margin:32px 0 0 0;} ._news_l ul{ margin:0 -15px;} ._news_l li{ float:left; width:50%; margin-top:30px; padding:0 15px;} ._news_l li a{ float:left; width:100%; background:#f6f6f6; position:relative; padding:25px 35px 25px 125px;} ._news_l li h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} ._news_l li h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:6px 0 20px 0;} ._news_l li h4{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-transform:uppercase;} ._news_l li time{ float:left; color:#555555; font-size:16px; line-height:26px; position:absolute; left:30px; top:30px; height:120px; border-right:1px solid #dddddd; width:64px;} ._news_l li time span{ display:block; color:#f20000; font-size:36px;} ._news_l li a:hover{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1);} ._news_l li a:hover h5{ color:#f20000;} ._news_l li a:hover h4{ color:#f20000; font-weight:bold;} @media screen and (max-width:1024px){ ._news_l{ margin:32px 0 0 0;} ._news_l ul{ margin:0 -7px;} ._news_l li{ float:left; width:50%; margin-top:14px; padding:0 7px;} ._news_l li a{ padding:15px 15px 15px 85px;} ._news_l li h5{ font-size:16px; line-height:26px;} ._news_l li h6{ font-size:14px; line-height:24px; height:48px; margin:2px 0 4px 0;} ._news_l li h4{ font-size:14px; line-height:24px;} ._news_l li time{ font-size:14px; line-height:24px;left:15px; top:20px; height:90px; width:55px;} ._news_l li time span{ font-size:30px;} } @media screen and (max-width:767px){ ._news_l li{ width:100%;} } ._news_t{ float:left; width:100%; margin-top:100px; background:#f6f6f6; } ._news_t ._l{ float:left; width:50%;} ._news_t ._l .img{ float:left; width:100%; height:450px;transition:none;-moz-transition:none; -webkit-transition:none; -o-transition:none;} ._news_t ._l .slick-dots{ bottom:12px; display: flex; justify-content: center;} ._news_t ._l .slick-dots li{ width:12px; height:12px; border-radius:12px; background:#fff; opacity:0.8; margin:0 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._news_t ._l .slick-dots li.slick-active{ width:34px; background:#f20000; opacity:1;} ._news_t ._l .slick-prev, ._news_t ._l .slick-next{ width:35px; height:35px;} ._news_t ._l .slick-prev{ left:22px;} ._news_t ._l .slick-next{ right:22px;} ._news_t ._l .slick-prev:after, ._news_t ._l .slick-next:after{ float:left; width:35px; height:35px; border-top:2px solid #fff; border-right:2px solid #fff; content:''; position:absolute; left:50%; top:50%;} ._news_t ._l .slick-prev:hover:after, ._news_t ._l .slick-next:hover:after{ border-top:2px solid #f20000; border-right:2px solid #f20000;} ._news_t ._l .slick-prev:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);} ._news_t ._l .slick-next:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);} ._news_t ._r{ float:left; width:50%;} ._news_t ._r .text{ float:left; width:100%; padding:50px 60px;transition:none;-moz-transition:none; -webkit-transition:none; -o-transition:none;} ._news_t ._r .text h5{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:35px;} ._news_t ._r .text h6{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:90px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin:20px 0 62px 0;} ._news_t ._r .text h4{ float:left; width:100%; color:#f20000; font-size:16px; line-height:26px; font-weight:bold; text-transform:uppercase;} ._news_t ._r .text time{ float:left; color:#555555; font-size:14px; line-height:18px; font-weight:bold;} ._news_t ._r .text time span{ float:left; color:#555555; font-size:60px; line-height:60px; padding-bottom:10px; border-bottom:3px solid #f20000;} ._news_t ._r .text time font{ float:left; margin:20px 0 0 10px;} ._news_t ._r .text:hover h5{ color:#f20000;} ._news_t ._r .text:hover time span{ color:#f20000;} ._news_t ._r .slick-dots{ width:auto; left:auto; right:60px; bottom:58px; display: flex; justify-content: center;} ._news_t ._r .slick-dots li{ width:12px; height:12px; border-radius:12px; background:#999999; margin:0 0 0 6px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._news_t ._r .slick-dots li.slick-active{ background:#f20000;} @media screen and (max-width:1024px){ ._news_t{ margin-top:30px;} ._news_t ._l .img{ height:230px;} ._news_t ._l .slick-prev, ._news_t ._l .slick-next{ width:18px; height:18px;} ._news_t ._l .slick-prev{ left:15px;} ._news_t ._l .slick-next{ right:15px;} ._news_t ._l .slick-prev:after, ._news_t ._l .slick-next:after{ width:18px; height:18px;} ._news_t ._r .text{ padding:20px 15px;} ._news_t ._r .text h5{ font-size:16px; line-height:26px; margin-top:12px;} ._news_t ._r .text h6{ font-size:14px; line-height:24px; height:72px; margin:5px 0;} ._news_t ._r .text h4{ font-size:14px; line-height:24px;} ._news_t ._r .text time{ line-height:16px;} ._news_t ._r .text time span{ font-size:36px; line-height:36px; padding-bottom:8px; border-bottom:2px solid #f20000;} ._news_t ._r .text time font{ margin:2px 0 0 8px;} ._news_t ._r .slick-dots{ right:15px; bottom:25px;} } @media screen and (max-width:767px){ ._news_t ._l{ width:100%;} ._news_t ._r{ width:100%;} } ._shebei_h{ float:left; width:100%; height:50px;} ._shebei{ position:relative;} ._shebei_l{ float:left; width:100%; margin-top:50px;} ._shebei_l h1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; position:relative; padding-left:16px;} ._shebei_l h1:after{ float:left; width:4px; height:24px; content:''; position:absolute; left:0; top:5px; background:#f20000;} ._shebei_l .list{ float:left; width:100%;} ._shebei_l ul{ margin:0 -15px; display:flex; flex-wrap:wrap; } ._shebei_l ul li{ float:left; width:100%; padding:0 15px; margin-top:24px;} ._shebei_l ul li a{ float:left; width:100%;} ._shebei_l ul li .img{ float:left; width:100%; padding:13px; background:#f3f3f3; border:1px solid #f3f3f3; box-shadow:0 0 10px rgba(0,0,0,0.12);} ._shebei_l ul li .img i{ float:left; width:100%; line-height:0; position:relative;} ._shebei_l ul li .img .ico{ float:left; width:40px; height:40px; position:absolute; right:0; bottom:0; z-index:6; background:rgba(242,0,0,0.8);} ._shebei_l ul li h5{ float:left; width:100%; margin-top:8px; text-align:center; color:#333333; font-size:18px; line-height:28px;} ._shebei_l ul li a:hover .img{ border:1px solid #f20000;} ._shebei_l ul li a:hover h5{ color:#f20000;} @media screen and (max-width:1024px){ ._shebei_h{ height:15px;} ._shebei_l{ margin-top:15px;} ._shebei_l h1{ font-size:18px; line-height:28px; padding-left:10px;} ._shebei_l h1:after{ width:2px; height:18px;} ._shebei_l ul{ margin:0 -7px;} ._shebei_l ul li{ padding:0 7px; margin-top:14px;} ._shebei_l ul li .img{ padding:2px; box-shadow:0 0 5px rgba(0,0,0,0.12);} ._shebei_l ul li .img .ico{ width:26px; height:26px;} ._shebei_l ul li h5{ font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ ._shebei_l ul li{ width:50%;} } ._shebei_bg{ float:left; width:100%; height:100%; position:fixed; left:200%; top:0; z-index:19; background:rgba(0,0,0,0.86);} ._shebei_bg.active{ left:0;} ._shebei_tc{ float:left; width:100%; height:100%; position:fixed; left:200%; top:0%; z-index:20;} ._shebei_tc.active{ left:0;} ._shebei_tc .colse{ float:left; width:44px; line-height:0; position:fixed; right:20px; top:20px; cursor:pointer; z-index:20;} ._shebei_tc .cont{ float:left; width:100%; z-index:1; position:relative; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%);} ._shebei_tc .tab{ float:left;} ._shebei_tc .tab .info{ float:left;/* width:100%; height:100vh;*/ position:relative;flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} ._shebei_tc .tab .img{ display:table; margin:0 auto; line-height:0; overflow:hidden; text-align:center; position:relative; background:#f2f2f2; padding:20px;} ._shebei_tc .tab .img .pic{ max-height:90vh;} ._shebei_tc .tab .text{ display:table; width:100%; text-align:left; /*position:absolute;*/ left:0; bottom:0; z-index:6; background:rgba(0,0,0,0.7); line-height:30px; font-size:16px; color:#fff; padding:13px 120px 13px 22px;} ._shebei_tc .swiper-button-prev, ._shebei_tc .swiper-button-next{ float:left; width:40px; height:40px; z-index:36; background:rgba(255,255,255,0.6); border-radius:50%; position:absolute; bottom:50%; z-index:7; cursor:pointer;} ._shebei_tc .swiper-button-prev{ left:3%;} ._shebei_tc .swiper-button-next{ right:3%;} ._shebei_tc .swiper-button-prev:after, ._shebei_tc .swiper-button-next:after{float:left; width:12px; height:12px; border-top:1px solid #fff; border-right:1px solid #fff; content:''; position:absolute; left:50%; top:50%;} ._shebei_tc .swiper-button-prev:after{ -ms-transform:translate(-50%,-50%) rotate(225deg); transform:translate(-50%,-50%) rotate(225deg); margin-left:3px; } ._shebei_tc .swiper-button-next:after{ -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);margin-left:-3px;} ._shebei_tc .swiper-button-prev:hover, ._shebei_tc .swiper-button-next:hover{ background:#f20000;} .swiper-container{position:relative;overflow:hidden;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;align-items:flex-start;transition-property:transform,height;transform:translate3d(0px,0,0);transform-style:preserve-3d} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;height:auto;transform:translate3d(0px,0,0)} @media screen and (max-width:1024px){ ._shebei_tc .colse{ width:26px; right:15px; top:15px;} ._shebei_tc .tab .img{ padding:4px;} ._shebei_tc .tab .text{ font-size:14px; line-height:22px; padding:6px 12px;} ._shebei_tc .swiper-button-prev, ._shebei_tc .swiper-button-next{ width:24px; height:24px;} ._shebei_tc .swiper-button-prev:after, ._shebei_tc .swiper-button-next:after{ width:8px; height:8px;} ._shebei_tc .swiper-button-prev:after{margin-left:2px;} ._shebei_tc .swiper-button-next:after{margin-left:-2px;} } @media screen and (max-width:767px){ ._shebei_tc .tab .text{ font-size:12px; line-height:20px;} } ._honor{ position:relative;} ._honor_l{ float:left; width:100%; margin:40px 0 0 0;} ._honor_l ul{ margin:0 -15px; display: flex; flex-wrap:wrap; } ._honor_l li{ float:left; width:25%; padding:0 15px; margin-top:60px;} ._honor_l li a{ float:left; width:100%; box-shadow:0 0 8px rgba(0,0,0,0.06); padding:0 30px 18px 30px; position:relative; overflow:hidden;} ._honor_l li h6{ float:left; width:100%; text-align:center; color:#58595b; font-size:16px; line-height:26px; border-top:1px solid #e5e5e5; padding:16px 0;} ._honor_l li em{ float:left; width:100%; height:100%; position:absolute; left:-100%; top:0; z-index:1; background:#f20001; opacity:0.86; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._honor_l li .img{ float:left; width:100%; line-height:0; position:relative;} ._honor_l li i{ float:left; width:100%; position:absolute; left:-100%; top:50%; z-index:2; transform:translate(0,-50%); -ms-transform:translate(0,-50%); text-align:center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._honor_l li i .ico{ display:table; margin:0 auto; width:89px; height:89px; border:1px solid #fff; border-radius:50%;} ._honor_l li i h5{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:30px; margin-top:22px;} ._honor_l li i h5 span{ padding:0 8px;} ._honor_l li a:hover em{ left:0;} ._honor_l li a:hover i{ left:0;} @media screen and (max-width:1600px){ ._honor_l li i .ico{ width:60px; height:60px;} ._honor_l li i h5{ font-size:16px; line-height:26px;} } @media screen and (max-width:1024px){ ._honor_l ul{ margin:0 -7px;} ._honor_l li{ padding:0 7px; margin-top:14px;} ._honor_l li a{ padding:0 12px 6px 12px;} ._honor_l li h6{ padding:8px 0; font-size:14px; line-height:24px;} ._honor_l li i .ico{ width:50px; height:50px;} ._honor_l li i h5{ font-size:14px; line-height:24px; margin-top:10px;} } @media screen and (max-width:767px){ ._honor_l li{ width:50%;} } ._about_tit{ float:left; width:100%; position:relative; z-index:3;} ._about_tit h1{ float:left; width:100%; color:#f20000; font-size:30px; line-height:40px; font-weight:bold;} ._about_tit h6{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; text-transform:uppercase; margin-top:3px;} ._about_c{ text-align:center;} @media screen and (max-width:1024px){ ._about_tit h1{ font-size:18px; line-height:28px;} ._about_tit h6{ font-size:13px; line-height:21px;} } ._customer{ float:left; width:100%; margin:95px 0;} ._customer .img{ float:left; width:100%; text-align:center; line-height:0; border:1px solid #e6e6e6; padding:48px;} ._customer .pic{ float:left; width:100%; line-height:0; margin:55px 0 100px 0;} @media screen and (max-width:1024px){ ._customer{ margin:25px 0;} ._customer .img{ padding:15px;} ._customer .pic{ margin:20px 0 30px 0;} } ._ROBOT{ float:left; width:100%; margin-bottom:50px;} ._ROBOT .list{ float:left; width:100%; margin-top:20px;} ._ROBOT .list ul{ margin:0 -5px;} ._ROBOT .list li{ float:left; width:8.33%; padding:5px; line-height:0;} ._ROBOT .list li img{ float:left; width:100%; border:1px solid #e6e6e6; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._ROBOT .list li img:hover{ border:1px solid #f20000; box-shadow:5px 5px 5px rgba(0,0,0,0.1);} @media screen and (max-width:1600px) { ._ROBOT .list li{ width:10%;} } @media screen and (max-width:1024px){ ._ROBOT{ margin-bottom:20px;} ._ROBOT .list{ margin-top:10px;} ._ROBOT .list li{ width:12.5%;} } @media screen and (max-width:767px){ ._ROBOT .list li{ width:25%;} } ._technol{ padding-top:95px; padding-bottom:100px; position:relative;} ._technol ._info{ float:left; width:100%; text-align:center; color:#555555; font-size:16px; line-height:26px; margin-top:50px;} ._technol ._honor_l{ margin-top:0;} @media screen and (max-width:1024px){ ._technol{ padding-top:25px; padding-bottom:30px;} ._technol ._honor_l{ margin-top:10px;} ._technol ._info{ font-size:14px; line-height:24px; margin-top:15px;} } @media screen and (max-width:767px){ } ._labor{ margin-top:95px;} ._labor .cont{ float:left; width:100%; margin:65px 0 58px 0;} ._labor .cont .text{ float:left; width:44.375%; margin-top:2.75%;} ._labor .cont .text .tit{ float:left; width:100%; color:#f32727; font-size:24px; line-height:40px; letter-spacing:2px;} ._labor .cont .text .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:36px;} ._labor .cont .text .line{ float:left; width:40px; height:3px; background:#f20000; margin:4.64% 0 3.94% 0;} ._labor .cont .img{ float:right; width:50%; position:relative; line-height:0;} ._labor .cont .img h5{ float:left; max-width:100%; text-align:right; color:#fff; font-size:16px; line-height:24px; position:absolute; right:0; bottom:0; z-index:6; background:url(../_im_g/ico13.png) center right #f20000; padding:10px 3.75% 10px 10%; min-height:70px;display: flex;flex-wrap:wrap; align-items: center; clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%); } ._labor .list{ float:left; width:100%;} ._labor .list ul{ margin:0 -17px;} ._labor .list li{ float:left; width:33.33%; padding:0 17px; margin-top:30px; line-height:0;} ._labor .list .slick-dots{ position:static; display: flex; justify-content: center; margin-top:15px; } ._labor .list .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#f20000; opacity:0.5; margin:0 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._labor .list .slick-dots li.slick-active{ opacity:1; } @media screen and (max-width:1600px){ ._labor .cont .text{ margin-top:1.2%;} ._labor .cont .text .tit{ font-size:18px; line-height:30px;} ._labor .cont .text .info{ font-size:14px; line-height:26px;} ._labor .cont .img h5{ font-size:14px; line-height:22px;} } @media screen and (max-width:1024px){ ._labor{ margin-top:25px;} ._labor .list ul{ margin:0 -6px;} ._labor .list li{ padding:0 6px; margin-top:12px;} ._labor .cont{ margin:15px 0 15px 0;} ._labor .cont .text{ width:100%;} ._labor .cont .text .tit{ font-size:16px; line-height:28px; letter-spacing:1px;} ._labor .cont .text .line{ margin:15px 0;} ._labor .cont .img{ width:100%; margin-bottom:20px;} ._labor .cont .img h5{ min-height:20px; padding:6px 12px 6px 10%;} } @media screen and (max-width:767px){ ._labor .list ul{ margin:0 -2px;} ._labor .list li{ padding:0 2px;} ._labor .cont .img h5{ position:relative; padding:6px 12px; text-align:center; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } ._provide{ position:relative; padding-top:115px; padding-bottom:115px;} ._provide:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000917; opacity:0.3;} ._provide ._about_tit h1{ color:#fff;} ._provide ._about_tit h6{ color:#fff;} @media screen and (max-width:1024px){ ._provide{ padding-top:50px; padding-bottom:50px;} } ._Robot{ padding-top:95px; padding-bottom:100px;} ._Robot .cont{ float:left; width:100%; color:#58595b; font-size:16px; line-height:36px; margin-top:50px;} ._Robot .img{ float:left; width:100%; margin:50px 0 55px 0;} ._Robot .img .ul{ margin:0 -15px;} ._Robot .img .li{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} ._Robot .info{ float:left; width:100%; text-align:center; color:#f20000; font-size:20px; line-height:30px; font-weight:bold; overflow:hidden; } ._Robot .info .p{display:inline-table; position:relative; padding:0 116px;} ._Robot .info .p:after, ._Robot .info .p:before{ float:left; width:93px; height:1px; content:''; position:absolute; top:15px; background:#dbdbdb;} ._Robot .info .p:after{ left:0;} ._Robot .info .p:before{ right:0;} ._Robot .list{ float:left; width:100%; text-align:center; margin-top:30px;} ._Robot .list .ul{ margin:0 -10px;} ._Robot .list .li{ float:left; width:20%; padding:0 10px; margin-top:20px; border-right:1px solid #e5e5e5;} ._Robot .list .li:last-child{ border-right:none;} ._Robot .list .li i{ display:table; margin:0 auto; width:136px; height:136px; position:relative; border-radius:50%; border:1px solid #f20000;} ._Robot .list .li i:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:50%; top:50%; background:#f20000; transform:translate(-50%,-50%) scale(0,0); -ms-transform:translate(-50%,-50%)scale(0,0); opacity:0; border-radius:50%;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._Robot .list .li:hover i:after{transform:translate(-50%,-50%) scale(1,1); -ms-transform:translate(-50%,-50%)scale(1,1); opacity:1;} ._Robot .list .li i img{ width:134px; height:134px; position:absolute; left:1px; top:1px; z-index:3;} ._Robot .list .li i .ico1{ opacity:1;} ._Robot .list .li i .ico2{ opacity:0;} ._Robot .list .li:hover i .ico1{ opacity:0;} ._Robot .list .li:hover i .ico2{ opacity:1;} ._Robot .list .li h5{ float:left; width:100%; color:#58595b; font-size:16px; line-height:26px; margin-top:35px;} ._Robot .list .li h6{ float:left; width:100%; color:#88898a; font-size:12px; line-height:22px;} ._Robot .slick-dots{ position:static; display: flex; justify-content: center; margin-top:20px; } ._Robot .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#f20000; opacity:0.5; margin:0 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._Robot .slick-dots li.slick-active{ opacity:1; } @media screen and (max-width:1600px){ ._Robot .list .li i{ width:106px; height:106px;} ._Robot .list .li i img{ width:104px; height:104px;} } @media screen and (max-width:1024px){ ._Robot{ padding-top:25px; padding-bottom:30px;} ._Robot .cont{ font-size:14px; line-height:26px; margin-top:20px;} ._Robot .img{ margin:10px 0 20px 0;} ._Robot .img .ul{ margin:0 -6px; } ._Robot .img .li{ padding:0 6px; margin-top:12px; } ._Robot .info{ font-size:15px; line-height:26px;} ._Robot .info .p{ padding:0 20px;} ._Robot .info .p:after, ._Robot .info .p:before{ width:12px; top:13px;} ._Robot .list .li i{ width:66px; height:66px;} ._Robot .list .li i img{ width:64px; height:64px;} ._Robot .list .li h5{ margin-top:10px;} } @media screen and (max-width:767px){ ._Robot .list{ margin-top:10px;} ._Robot .list .li{ width:33.33%;} } ._diagram{ position:relative; padding-top:95px; padding-bottom:95px;} ._diagram:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#f1f1f1; opacity:0.88;} ._diagram .cont{ float:left; width:100%; position:relative; z-index:3; text-align:center; color:#58595b; font-size:20px; line-height:30px; margin-top:25px; padding-top:25px;} ._diagram .cont:after{ float:left; width:40px; height:2px; background:#f20000; margin-left:-20px; content:''; position:absolute; left:50%; top:0; z-index:3;} ._diagram ._list{ float:left; width:100%; position:relative; z-index:3; margin-top:50px;} ._diagram ._list h1{ display:table; max-width:100%; margin:0 auto 30px auto; color:#fff; font-size:18px; background:#f20000; line-height:30px; border-radius:42px; padding:6px 18px; text-align:center; min-width:180px; position:relative;} ._diagram ._list h1:after{ float:left; width:1px; height:30px; content:''; position:absolute; left:50%; top:100%; background:#000; opacity:0.2;} ._diagram ._list h1 img{ display:inline-block; vertical-align:top; width:30px; height:30px; max-width:none; margin-right:6px;} ._diagram ._list .ul{ float:left; width:100%;} ._diagram ._list .ul ul{ float:left; width:100%; display: flex; flex-wrap:wrap; } ._diagram ._list .ul li{ float:left; width:9.09%; text-align:center; color:#58595b; font-size:18px; line-height:24px; position:relative; padding:1px 0 5px 0; min-height:100%; } ._diagram ._list .ul li:before{ float:left; width:100%; height:1px; content:''; position:absolute; left:0%; top:0; background:#000; opacity:0.2;} ._diagram ._list .ul li:first-child:before{ width:50%; left:50%;} ._diagram ._list .ul li:last-child:before{ width:50%;} ._diagram ._list .ul li ._c{ display:table; margin:0 auto; position:relative; padding:30px 14%; min-height:100%;} ._diagram ._list .ul li ._c:after{ float:left; width:1px; height:20px; content:''; position:absolute; left:50%; top:0; background:#000; opacity:0.2;} ._diagram ._list .ul li i{ display:block; line-height:0; margin-bottom:20px;} ._diagram ._list .ul li i img{ max-width:none; width:40px; height:40px; display:table; margin:0 auto; border-radius:50%; background:#f20000;} ._diagram ._list .ul li .p{ display:block; margin:0 auto; letter-spacing:3px; writing-mode: vertical-lr; -mo-writing-mode: vertical-lr; -0-writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; max-width:44px; text-align:center; } ._diagram ._list .ul li:nth-child(5) ._c, ._diagram ._list .ul li:nth-child(6) ._c, ._diagram ._list .ul li:nth-child(7) ._c, ._diagram ._list .ul li:nth-child(8) ._c{ background:rgba(255,255,255,0.3); box-shadow:0 3px 21px rgba(0,0,0,0.11);} ._diagram ._list .ul li:nth-child(5) ._c:after, ._diagram ._list .ul li:nth-child(6) ._c:after, ._diagram ._list .ul li:nth-child(7) ._c:after, ._diagram ._list .ul li:nth-child(8) ._c:after{ display:none;} @media screen and (max-width:1600px){ ._diagram ._list .ul li{ font-size:16px; line-height:22px;} ._diagram ._list .ul li ._c{/* min-height:300px;*/} } @media screen and (max-width:1024px){ ._diagram{ padding-top:25px; padding-bottom:30px;} ._diagram .cont{ margin-top:15px; padding-top:15px; font-size:16px; line-height:26px;} ._diagram ._list{ margin-top:20px;} ._diagram ._list h1{ margin:0 auto 15px auto; font-size:14px; line-height:26px; min-width:160px;} ._diagram ._list h1:after{ height:15px;} ._diagram ._list h1 img{ width:26px; height:26px;} ._diagram ._list .ul{ overflow:hidden;} ._diagram ._list .ul li{ font-size:14px; line-height:20px;} ._diagram ._list .ul li ._c{ padding:20px 10px;} ._diagram ._list .ul li ._c:after{ height:12px;} ._diagram ._list .ul li i{ margin-bottom:10px;} ._diagram ._list .ul li i img{ width:32px; height:32px;} ._diagram ._list .ul li ._c{ min-height:230px;} ._diagram ._list .ul li:nth-child(5) ._c, ._diagram ._list .ul li:nth-child(6) ._c, ._diagram ._list .ul li:nth-child(7) ._c, ._diagram ._list .ul li:nth-child(8) ._c{ box-shadow:0 3px 15px rgba(0,0,0,0.11);} } @media screen and (max-width:767px){ ._diagram{ padding-top:25px; padding-bottom:20px;} ._diagram ._list .ul{ overflow:hidden; overflow-x:auto; scrollbar-height:thin;} ._diagram ._list .ul::-webkit-scrollbar{ display: none;} ._diagram ._list .ul ul{ min-width:767px;} ._diagram ._list .ul li{ padding-bottom:15px;} } ._charact{ padding-top:95px; padding-bottom:100px;} ._charact .img{ float:left; width:33.93%; line-height:0; padding:0.875% 0 1.75% 0;} ._charact .img img{ width:86.18%; border-radius:50%; box-shadow:0 7px 7px rgba(69,4,4,0.26);} ._charact .text{ float:right; width:55%; margin-top:8.68%; padding-right:8.375%;} ._charact .text .ico{ float:left; width:100%; line-height:0;} ._charact .text .ico img{ height:40px;} ._charact .text .info{ float:left; width:100%; line-height:40px; font-size:20px; color:#555555; margin:4.82% 0 4.02% 0;} ._charact .text .p{ float:left; width:100%; line-height:34px; font-size:24px; color:#555555; padding:6px 0; position:relative;} ._charact .text .p:after, ._charact .text .p:before{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:0; background-image: -webkit-linear-gradient(right, rgba(0,0, 0,0) 0%, rgba(0,0,0,0.2) 20%); background-image: -moz-linear-gradient(right, rgba(0,0, 0,0) 0%, rgba(0,0,0,0.2) 20%); background-image: -o-linear-gradient(right, rgba(0,0, 0,0) 0%, rgba(0,0,0,0.2) 20%); background-image: linear-gradient(right, rgba(0,0, 0,0) 0%, rgba(0,0,0,0.2) 20%);} ._charact .text .p:before{ top:auto; bottom:0;} @media screen and (max-width:1600px){ ._charact .text{ float:right; width:55%; margin-top:4.3%; padding-right:0;} } @media screen and (max-width:1024px){ ._charact{ padding-top:25px; padding-bottom:30px;} ._charact .text .info{ font-size:16px; line-height:28px;} ._charact .text .p{ font-size:18px; line-height:28px;} } @media screen and (max-width:767px){ ._charact .img{ width:80%; margin:0 10%;} ._charact .text{ width:100%; margin-top:20px;} ._charact .text .ico img{ height:30px;} ._charact .text .info{ margin:15px 0 15px 0;} } ._company{ float:left; width:100%; margin:85px 0; display: flex; justify-content: space-between; flex-wrap:wrap; } ._company .ul{ width:69.875%; display:flex; flex-wrap:wrap;} ._company li{ float:left; margin-top:2.68%;} ._company .la{ float:left; width:100%; position:relative; min-height:100%; overflow:hidden;} ._company .la i{ float:left; width:100%; line-height:0; min-height:100%; position:relative;} ._company .la i img{ width:100%;} ._company .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:100%; z-index:3; background:url(../_im_g/ico31.png) center repeat #f20000; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._company .la .text{ float:left; width:100%; position:absolute; left:0; top:200%; z-index:4; transform:translate(0,-50%); -ms-transform:translate(0,-50%); text-align:center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._company .la .text h3{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;} ._company .la .text h4{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-bottom:25px;} ._company .la .text em{ display:table; margin:0 auto; margin-bottom:5px; width:40px; height:2px; background:#fff;} ._company .la:hover .bg{ top:0;} ._company .la:hover .text{ top:50%;} ._company .ul:nth-child(2n+1){ justify-content: space-between;} ._company .ul:nth-child(2n+1) li{ width:31.484%;} ._company .ul:nth-child(2n+1) li:nth-child(4n+2), ._company .ul:nth-child(2n+1) li:nth-child(4n+3){ width:65.831%;} ._company .ul:nth-child(2n+2){ width:28.062%;} ._company .ul:nth-child(2n+2) li{ width:100%; margin-top:6.68%;} ._company .ul1{ margin:0 -5px;} ._company .ul1 li{ margin:0 5px;} ._company .slick-dots{ position:static; display: flex; justify-content: center; margin-top:20px; } ._company .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#f20000; opacity:0.5; margin:0 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._company .slick-dots li.slick-active{ opacity:1; } @media screen and (max-width:1024px){ ._company{ margin:20px 0;} ._company .la .text h3{ font-size:16px; line-height:20px;} ._company .la .text h4{ font-size:12px; line-height:16px; margin-bottom:10px;} ._company .la .text em{ margin-bottom:2px; width:26px;} } @media screen and (max-width:767px){ ._company li{ margin-top:10px;} ._company .la .text h3{ margin-bottom:6px;} ._company .la .text h4{ display:none;} } ._pord_box{ position:relative;} .procon{float:left; width:100%; padding-bottom:50px; color: #555555; font-size: 16px; line-height: 30px;} ._pord_l{ float:left; width:100%;} ._pord_l ul{ margin:0 -15px; display: flex; flex-wrap:wrap; } ._pord_l li{ float:left; width:50%; padding:0 15px; margin-top:50px;} ._pord_l li a{ float:left; width:100%; position:relative; /*min-height:100px;*/ border:1px solid #eeeeee; border-bottom:none; background:#eeeeee; /*min-height:100%;*/ } ._pord_l li a em{ float:left; width:44px; height:44px; background:#fff; border-radius:50%; position:absolute; left:50%; bottom:-22px; z-index:3; margin-left:-22px; box-shadow:0 1px 8px rgba(0,0,0,0.21);-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; opacity:0; -moz-transform: scale(0,0);transform: scale(0,0); } ._pord_l li a:hover em{ opacity:1; -moz-transform: scale(1,1);transform: scale(1,1);} ._pord_l li a em:after, ._pord_l li a em:before{ float:left; content:''; position:absolute; left:50%; top:50%; background:#f20000; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} ._pord_l li a em:after{ width:19px; height:1px;} ._pord_l li a em:before{ width:1px; height:19px;} /* ._pord_l li a i{ float:left; width:100%; position:relative; padding-bottom:53.26%; border-bottom:none; line-height:0; overflow:hidden; background:#fff;} */ ._pord_l li a i { display: block; background:#fff; } ._pord_l li a i img{ display:block; /* position:absolute; */ /* left:50%; top:50%; */ width:100%; /* max-height:100%; */ /* width:auto; height:auto; */ /* -webkit-transform: translate( -50%, -50%); */ /* -ms-transform: translate( -50%, -50%); */ /* transform: translate( -50%, -50%); */ } ._pord_l li a h5{ float:left; width:100%; border-bottom:1px solid #eeeeee; padding:0 0 20px 0;background:#fff; } ._pord_l li a h5 span{ float:right; max-width:100%; position:relative; background:#eeeeee; color:#555555; font-size:14px; line-height:20px; padding:6px 14px 6px 22px; box-shadow:0 2px 5px rgba(6,0,1,0.2); border-radius:4px 0 0 4px;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._pord_l li a h5 span:after{ float:left; width:4px; height:4px; content:''; position:absolute; left:12px; top:14px; background:#f20000; border-radius:50%;} ._pord_l li a h6{ float:left; width:100%; color:#333333; font-size:18px; line-height:24px; text-align:center; padding:18px 12px 18px 12px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._pord_l li a:hover{ background:#f20000;} ._pord_l li a:hover h5 span{ background:#f20000; color:#fff;} ._pord_l li a:hover h5 span:after{background:#fff;} ._pord_l li a:hover h6{ color:#fff; padding:9px 12px 27px 12px;} @media screen and (max-width:1600px){ ._pord_l li a h6{ font-size:16px;} } @media screen and (max-width:1024px){ .procon{font-size: 14px; line-height: 26px; padding-bottom:20px;} ._pord_l{ padding-top:0; margin-bottom:10px;} ._pord_l ul{ margin:0 -6px; } ._pord_l li{ padding:0 6px; margin-top:20px;} ._pord_l li a h5{ padding:0 0 15px 0;} ._pord_l li a h5 span{ font-size:12px; line-height:18px; padding:4px 6px 4px 15px;} ._pord_l li a h5 span:after{ left:6px; top:11px;} ._pord_l li a h6{ font-size:14px; line-height:20px; padding:10px 10px 10px 10px;} ._pord_l li a:hover h6{ padding:5px 12px 15px 12px;} ._pord_l li a em{ width:26px; height:26px; bottom:-13px; margin-left:-13px;} ._pord_l li a em:after{ width:9px; height:1px;} ._pord_l li a em:before{ width:1px; height:9px;} } @media screen and (max-width:767px){ ._pord_l li{ width:50%;} ._pord_l li a h5 span{ font-size:10px; line-height:16px;} ._pord_l li a h6{ font-size:12px; line-height:18px; } } ._pord_bg{ float:left; width:100%; height:100%; position:fixed; left:200%; top:0; z-index:19; background:rgba(0,0,0,0.86);} ._pord_bg.active{ left:0;} ._pord_tc{ float:left; width:100%; height:100%; position:fixed; left:200%; top:0; z-index:20;} ._pord_tc.active{ left:0;} ._pord_tc .colse{ float:left; width:44px; line-height:0; position:fixed; right:20px; top:20px; z-index:3; cursor:pointer;} ._pord_tc .cont{ float:left; width:100%; z-index:1; position:relative; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%);} ._pord_tc .tab{ float:left;/* width:100%;*/} ._pord_tc .tab .info{ float:left;/* width:100%; height:100vh;*/ position:relative;flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} ._pord_tc .tab .img{ display:table; margin:0 auto; line-height:0; overflow:hidden; text-align:center; position:relative; background:#fff;} ._pord_tc .tab .img .pic{ max-height:90vh;} ._pord_tc .tab .text{ display:table; width:100%; z-index:6; padding:15px 20px; border-top:1px solid #e5e5e5; text-align:left;} ._pord_tc .tab .text h5{display:table; line-height:24px; font-size:16px; color:#333333;} ._pord_tc .tab .text h6{display:table; line-height:22px; font-size:14px; color:#333333;} ._pord_tc .swiper-button-prev, ._pord_tc .swiper-button-next{ float:left; width:40px; height:40px; z-index:36; background:#b3b3b3; border-radius:50%; bottom:50%; position:absolute; z-index:7; cursor:pointer;} ._pord_tc .swiper-button-prev{ left:2%;} ._pord_tc .swiper-button-next{ right:2%;} ._pord_tc .swiper-button-prev:after, ._pord_tc .swiper-button-next:after{float:left; width:12px; height:12px; border-top:1px solid #fff; border-right:1px solid #fff; content:''; position:absolute; left:50%; top:50%;} ._pord_tc .swiper-button-prev:after{ -ms-transform:translate(-50%,-50%) rotate(225deg); transform:translate(-50%,-50%) rotate(225deg); margin-left:2px; } ._pord_tc .swiper-button-next:after{ -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);margin-left:-2px;} ._pord_tc .swiper-button-prev:hover, ._pord_tc .swiper-button-next:hover{ background:#f20000;} ._pord_an .swiper-button-prev, ._pord_an .swiper-button-next{ bottom:12px;} @media screen and (max-width:1024px){ ._pord_tc .colse{ width:26px; right:15px; top:15px;} ._pord_tc .tab .text{ font-size:14px; line-height:22px; padding:6px 12px;} ._pord_tc .swiper-button-prev, ._pord_tc .swiper-button-next{ width:24px; height:24px;} ._pord_tc .swiper-button-prev:after, ._pord_tc .swiper-button-next:after{ width:8px; height:8px;} ._pord_tc .swiper-button-prev:after{margin-left:2px;} ._pord_tc .swiper-button-next:after{margin-left:-2px;} } @media screen and (max-width:767px){ ._pord_tc .tab .text{ font-size:12px; line-height:20px;} } /* @media screen and (max-width:1600px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:767px){ } */